@charset "utf-8";

/*****
* 功能：乙秒购官网开发
* 日期：2017/6/3
* 开发者：李刚
******/


/*1.  总体样式重置部分*/

html,
body,
div,
p,
ul,
ol,
li,
a,
img,
span,
form,
label,
input,
button,
caption,
fieldset,
legend,
iframe,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dd,
dt,
table,
tbody,
tbody,
thead,
tfoot,
th,
tr,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
header,
nav,
section,
article,
aside,
footer,
main,
hgroup,
figure,
canvas,
menu,
time,
mark,
audio,
video,
summary {
   margin: 0;
   padding: 0;
}

body {
   min-width: 1000px;
   height: auto;
   /* width: expression_r( document.body.clientWidth < 1000 ? "1000px" : "auto" );*/
}

ul,
ol,
li {
   list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
i {
   font-weight: 100;
   font-style: normal;
}

a {
   text-decoration: none;
   color: #333;
}

a:hover {
   color: #c81623;
   text-decoration: none
}

fieldset,
img {
   border: 0;
}

input {
   padding-top: 0;
   padding-bottom: 0;
   font-family: "微软雅黑", "SimSun", "宋体";
}

input::-moz-focus-inner {
   border: 0;
   padding: 0;
}

input::-moz-focus-inner {
   border: 0;
   padding: 0;
}

select,
input {
   vertical-align: middle;
}

input[type="text"],
input[type="password"],
textarea {
   outline-style: none;
   -webkit-appearance: none
}

textarea {
   resize: none;
}

table {
   border-collapse: collapse
}

button {
   cursor: pointer;
}


/*2.  html5标签重置为块状元素*/

header,
nav,
section,
article,
aside,
footer,
main,
hgroup,
figure {
   display: block;
}


/*3.  盒子模型重置*/

{
   box-sizing: border-box;
}


/**********************************************
**
**
具体板块样式部分
**
**
***********************************************/

html,
body {
   width: 100%;
   height: 100%;
}


/*头部部分，logo背景部分nav*/


header {
   width: 100%;
   height: 100%;
   margin: 0 auto;
   background-image: url(../image/picture2.png);
   background-repeat: no-repeat;
   background-size: cover;
}

.nav {
   width: 100%;
   background-color: rgba(0, 0, 0, 0.4);
   height: 80px;
   overflow: hidden;
}


/*swiper轮播图部分270*/
.swiper-container {
   width: 60%;
   height: calc(100% - 80px);
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
   margin: 0 auto;
}
.swiper-slide>.autoplay_warp {
   width: 100%;
   height: 330px;
   position: absolute;
   top: 50%;    
   transform:translate(0, -50%);

}
.swiper-slide>.autoplay_warp>hr {
   width: 110px;
   margin: 0 auto;   
}
.swiper-slide>.autoplay_warp>h1 {
   color: #1666ff;
   font-size: 40px;
   margin-top: 70px;
   line-height: 1.5em;
}
.swiper-slide>.autoplay_warp>p {
   color: #fff;
   font-size: 22px;
   margin-top: 55px;
   line-height: 1.5em;
}
.swiper_line {
   margin-top: 120px;
   display: flex;
   justify-content: center;
}

.swiper_line>a {
   width: 25px;
   border-bottom: 2px solid #fff;
   margin: 0 10px;
}
/*swiper轮播图部分结束部分226*/

.banner_logoimg {
    width: 173px;
    height: 38px;
    float: left;
    margin-top: 21px;
    margin-left: 180px;
}
.superiority {
   display: flex;
    justify-content: center;   
}

.superiority a {
   display: inline-block;
    color: #fff;
    height: 80px;
    line-height: 80px;
    font-size: 0.15rem;
    padding: 0 40px;
    float: left;
}

.superiority a:hover {
   background-color: #166fff;
}

.header_content {
   width: 4.9rem;
   margin: 0 auto;
   margin-top: 1.08rem;
}

/*每个版块的公共样式头部*/

main {
   width: 100%;
   margin: 0 auto;
}

main section {
   width: 100%;
   /*    margin-top: calc(50rem / 120);*/
}

.advantage {
   text-align: center;
}

.public_head hr {
   display: inline-block;
   text-align: center;
   width: 0.67rem;
   border-top: 0.025rem solid #5794ff;
}

.public_head h2 {
   font-size: 0.3rem;
   margin-top: 0.17rem;
   color: #333;
   text-align: center;
   display: flex;
   justify-content: center;
}

.public_head p {
   margin-top: 0.17rem;
   font-size: 0.25rem;
   color: #666;
   text-align: center;
   display: flex;
   justify-content: center;
}


/*优势分类部分*/

.advantage_classify {
   margin-top: 0.5rem;
   width: 100%;
   display: flex;
   justify-content: center;
}

.advantage_classify li {
   width: 25%;
   box-shadow: 0 0 0.3rem #e3e3e3;
   overflow: hidden;
   border-radius: 15px;
   margin: 0 0.3rem;
   padding-bottom: 0.5rem;
}

.advantage_classify li img {
   width: 1.17rem;
   height: 1.17rem;
   margin-top: 0.42rem;
}

.advantage_classify li h2 {
   font-size: 0.25rem;
   color: rgb(51, 51, 51);
   line-height: 0.25rem;
   text-align: center;
   display: flex;
   justify-content: center;
}

.advantage_classify li p {
   width: 2rem;
   font-size: 0.16rem;
   line-height: 0.28rem;
   padding-top: 0.25rem;
   margin: 0 auto;
   text-align: left;
   color: #666;
}


/*业务范围部分*/

.app_warp {
   display: flex;
   justify-content: center;
   margin-top: 0.5rem;
   margin-bottom: 0.46rem;
}

.advantage .web_app {
   width: 1.25rem;
   margin: 0 0.5rem;
}

.advantage .web_app div {
   background-image: url(../image/Ellipse.png);
   background-repeat: no-repeat;
   background-size: cover;
   width: 1.25rem;
   height: 1.25rem;
   justify-content: center;
   display: flex;
   flex-direction: column;
}

.advantage .web_app div a {
   display: block;
   width: auto;
   display: flex;
   justify-content: center;
}

.advantage .web_app img {
   width: 0.58rem;
   height: 0.58rem;
}

.advantage .web_app .wx img {
   width: 0.71rem;
   height: 0.58rem;
}

.advantage .web_app p {
   font-size: 0.25rem;
   margin-top: 0.42rem;
}


/*关于我们*/

.about {
   width: 100%;
   overflow: hidden;
   height: 4.54rem;
}

.about .left {
   width: 50%;
   float: left;
   height: 100%;
   background-image: url(../image/picture.png);
   background-repeat: no-repeat;
   background-size: cover;
}

.about .right {
   background-image: url(../image/bg.png);
   background-repeat: no-repeat;
   width: 50%;
   height: 100%;
   float: left;
}

.about .right .public_head {
   text-align: left;
   margin-left: 0.82rem;
}

.about .right .public_head hr {
   color: #fff;
   border-color: #fff;
}

.about .right .public_head h2 {
   color: #fff;
   text-align: left;
   display: flex;
   justify-content: flex-start;
}

.about .right .public_head p {
   width: 80%;
   font-size: 0.20rem;
   line-height: 0.3rem;
   color: #fff;
   text-align: left;    
}


/*服务行业*/

.public_info {
   margin: 0 auto;
   text-align: center;
   margin-top: 0.25rem;
}

.public_head .public_info {
   font-size: 0.11rem;
}

.public_info:last-child {
   margin-top: 0.125rem;
}

.case_bg {
   background-image: url(../image/service.jpg);
   width: 100%;
   height: 5.42rem;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   margin-top: 0.46rem;
}


/*案列展示版块*/

.case_menu {
   margin-top: 0.46rem;
   width: 100%;
   overflow: hidden;
}

.case_menu a {
   float: left;
   width: calc(100% / 3);
}

.case_menu a img {
   width: 100%;
   float: left;
   height: 3rem;
   background-color: #333;
   background-size: cover;
   background-position: center;
}


/*页面底部*/

footer {
   width: 100%;
   height: 2.5rem;
   background-color: #060525;
   margin: 0 auto;
   margin-top: 0.834rem;
}

footer .nav {
   width: 95%;
   margin: 0 auto;
   background-color: transparent;
   border-bottom: 2px dashed #fff;
}

footer .nav .superiority {
   width: 100%;
   display: flex;
   justify-content: center;
}

footer .own_copy {
   width: 100%;
   color: rgba( 255, 255, 255, 204);
   font-size: 0.15rem;
   text-align: center;
   margin-top: 0.25rem;
   display: flex;
   justify-content: center;
}


/*媒体自适应*/

@media screen and (max-width:1000px) {
   header {
      height: 45%;
   }
.logo_h3 h3 {
font-size: 1rem;

}
.header_content>p  {

	font-size: 0.1663rem;

}


}